.ng-cloak{
	display: none;
}

.product{
	width: 75%;
	margin: 0 auto;
    .p_nav{
    	margin-top: 30px;
    	p{
    		color:lighten(gray,5%);
    		a{
    			color:lighten(gray,5%);
    			font-size: 15px;
    		}
    		
    	}
    	div{
    		border-bottom: 1px solid gray;
    		text-align: right;
    		padding-right: 30px;
    		line-height: 42px;
    		span{
    			border-left:3px solid #fc904e;
    			line-height: 18px;
    			padding: 3px 10px;
    			color: gray;
    			margin-right: 10px;
    			cursor: pointer;
    		}
    		b{
    			border-bottom:4px solid #fc904e; 
    			color: darken(gray,20%);
    			font-size: 25px;
    			padding-bottom: 7px;
    		}
    	}
    }
    .p_picture{
    	width: 100%;
    	margin-top: 60px;
    	ul{
    		width: 100%;
    		display: flex;
    		flex-wrap:wrap;
    		justify-content:space-between;
    		li{
                width: 32%;
                height: 270px;
                position: relative;
                div{
                	width: 100%;
                	height: 220px;
                	overflow: hidden;
                	img{
                		width: 100%;
                		height: 100%;
                		border: 1px solid #ccc;
                		transition:1s;
                		&:hover{
                			transform:scale(1.2);
                			border: none;
                		}
                	}
                }
                p{
                	color: #313131;
                	font-size: 18px;
                	font-weight: bold;
                	line-height: 50px;
                	position: absolute;
                	bottom: 0;
                	margin-left: 20px;
                }
    		}
    	}
    }
}